<template>
    <el-card style="margin-top: 20px; height: 600px">
        <el-table :data="tableData">

        <el-table-column
           v-for="(val, key) in tableLabel"
           :key="key"
           :prop="key"
           :label="val"
        ></el-table-column>

        <el-table-column label="操作" min-width="180">
          <el-button size="mini" type="primary" @click="gotolink">查看简历</el-button>
        </el-table-column>
        
        </el-table>
    </el-card>
</template>

<script>
export default {
    name: "UserPool",
    data() {
        return {
          tableData: [
            {
              name: "高明",
              firm: "沃尔玛",
              jobs: "员工",
              recentPerformance: "A"
            },
            {
              name: "崔涛",
              firm: "国家电网公司",
              jobs: "员工",
              recentPerformance: "C"
            },
            {
              name: "何娜",
              firm: "丰田汽车公司",
              jobs: "推销员",
              recentPerformance: "B"
            },
            {
              name: "崔莉莉",
              firm: "苹果公司",
              jobs: "员工",
              recentPerformance: "B"
            },
            {
              name: "史明",
              firm: "沃尔玛",
              jobs: "经理",
              recentPerformance: "A"
            },
            {
              name: "李渊",
              firm: "苹果公司",
              jobs: "员工",
              recentPerformance: "A"
            },
            {
              name: "徐阳",
              firm: "丰田汽车公司",
              jobs: "管理员",
              recentPerformance: "B"
            },
            {
              name: "黄慧",
              firm: "三星电子",
              jobs: "程序员",
              recentPerformance: "A"
            },
            {
              name: "王珊",
              firm: "三星电子",
              jobs: "测试员",
              recentPerformance: "B"
            },
            {
              name: "崔宇",
              firm: "中国工商银行",
              jobs: "保安",
              recentPerformance: "B"
            }
          ],
          tableLabel: {
              name: "姓名",
              firm: "所在公司",
              jobs: "工作岗位",
              recentPerformance: "近期绩效"            
          }
        }
    },
    methods: {
      gotolink() {
        this.$router.replace('/resume')
      }
    }
}
</script>
